const path = require('path');
const webpack = require('webpack');
const base = require('./webpack.base.js');//调用基础配置
const { smart } = require('webpack-merge');//合并配置文件

const pathResolve = (targetPath) => path.resolve(__dirname, targetPath);

module.exports = smart(base, {
  mode: 'development',//开发模式
  output: {
    filename: 'js/[name]-[hash:7].js'
  },
  devServer: {
    contentBase: pathResolve('src'),//本地服务器在哪个目录搭建页面
    watchContentBase:true,//在文件改变时，刷新页面
    port: '8080',//提供访问的端口
    overlay:true,//在浏览器上全屏显示编译错误
    open:true,//浏览器自动拉起
    inline: true,//支持dev-server自动刷新
    historyApiFallback: true,//指向index.html页面
    hot: true,//热模块替换
    hotOnly:true,//当编译失败时，不刷新页面
    host:'0.0.0.0',//支持同wifi通过ip+端口号直接访问页面
    useLocalIp:true
  },
  plugins: [
    //热更新插件
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NamedModulesPlugin()
  ]
})